<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <script src="./js/jquery-3.6.0.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/md5.js"></script>
    <script src="./js/index.js"></script>
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/./bootstrap-theme.min.css">
    <link rel="stylesheet" href="./css/index.css">
    <title>paper translator</title>
</head>
<body>
    <div class="container all-panel">
        <div class="row original-row">
            <textarea class="form-control original-input" style="height: 100%;" rows="3" ></textarea>
        </div>
        <div class="row button-row">
            <button type="button" id="format" class="btn  btn-lg btn-pink">格式化输入</button>
            <button type="button" id="translate" class="btn  btn-lg btn-pink">给老子翻译</button>
            
            <label style="font-size: 25px;"><input class="auto-format" id="autoformat" value="1" type="checkbox"> 自动格式化</label>
            <label style="font-size: 25px;"><input class="auto-format" id="autotranslate" value="2" type="checkbox"> 自动翻译</label>
            <button type="button" id="bg1" class="btn btn-lg btn-pink">福利</button>
            <button type="button" id="bg2" class="btn btn-lg btn-pink">老妹儿</button>
            <button type="button" id="bg3" class="btn btn-lg btn-pink">小可耐</button>
        </div>
        <div class="row func-row">
          <span style="display: inline-block; font-size: 20px; height: 30px;">目标：</span>
          <select id="tolan" class="form-control" style="display: inline-block; width: 100px;">
            <option value="zh">中文</option>
            <option value="cht">繁体中文</option>
            <option value="jp">日语</option>
            <option value="wyw">文言文</option>
            <option value="kor">韩语</option>
            <option value="de">德语</option>
            <option value="yue">粤语</option>
          </select>
          <audio controls="controls"  style="float: right;">
            <source src="./audio/fzq.mp3" type="audio/mp3"/>
          Your browser does not support this audio format.
          </audio>
      </div>
        
        <div class="row dest-row">
            <textarea class="form-control dest-input" style="height: 100%;" rows="3" ></textarea>
        </div>
        <div class="row footer">
          <h5  style="width: 100%;text-align: center;"><a href="https://beian.miit.gov.cn/">蜀ICP备18006071号-1</a></h5>
      </div>
    </div>

    <!-- 打赏 -->
    <div class="modal fade" tabindex="-1" role="dialog" id="begger">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
              <h4 class="modal-title">赏一块钱吧大爷！</h4>
            </div>
            <div class="modal-body">
              <p>行行好，赏口饭吃&hellip;</p>
              <img src="./image/money.jpg" style="width: 400px;" alt="">
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">一边儿凉快去</button>
              <button type="button" class="btn btn-primary" data-dismiss="modal">下次在打赏</button>
            </div>
          </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
      </div><!-- /.modal -->
</body>
</html>